<template>
	<view class="page-login">
		<view class="u-flex u-f-justify login-logo" style="">
			<image src="https://labulado.oss-cn-guangzhou.aliyuncs.com/logo-g.png" style="width:128rpx;height: 128rpx;"></image>
		</view>
		<view class="login-btn">
			<view class="btn1 fz14" @click="showLogin=true">微信登录</view>
			<view class="btn2 fz14" @click="onNotLogin">暂不登录</view>
		</view>
		
		<u-popup v-model="showLogin" mode="center" border-radius="20" :closeable="false">
			<Login @close="showLogin=false"  @sureLogin="toLogin"></Login>
		</u-popup>
	</view>
</template>
<script>
	import Login from "@/components/login/index.vue"
	export default {
		components: {
			Login
		},
		data() {
			return {
				showLogin:false,
			}
		},
		onLoad(e) {},
		methods: {
			toLogin(){
				this.showLogin=false
				uni.navigateBack()
			},
			onNotLogin: function() {
				uni.switchTab({
					url: '/pages/index/index'
				})
			},
		},
	}
</script>

<style lang="scss">
	.page-login{
		height: 100vh;
		.login-logo{
			position: fixed;top: 50%;margin-top: -140rpx;
			left: 0;
			right: 0;
		}
		.login-btn{
			
				position: fixed;bottom: 50px;
				left: 0;
				right: 0;
				padding: 30rpx;
		}
		
		
		.btn1 {
		
			width: 100%;
			height: 88rpx;
			text-align: center;
			color: #fff;
			line-height: 88rpx;
			background: #76BC21;
			border-radius: 40px;
		}
		
		.btn3 {
			background: none;
			border: 1px solid #76BC21;
			color: #76BC21;
		}
		
		.btn2 {
		
			width: 100%;
			height: 88rpx;
			text-align: center;
			color: #666;
			margin-top: 20rpx;
			line-height: 88rpx;
		}
	}
</style>